{% extends '_otp.html' %}

{% block title %}
    安装应用
{% endblock %}


{% block body_title %}
    安装应用
{% endblock %}

{% block body_content %}
    <div class="cls-content-lg">
        <form name="verifyForm">
            <p class="mar-ver-15 text-bold" style="color: #000">请在手机端下载并安装 FreeOTP 应用</p>
            <div style="display: inline-block">
                <img src="/static/images/freeotp-android.png" width="128" height="128" alt="">
                <p>Android手机下载</p>
            </div>
            <div style="display: inline-block">
                <img src="/static/images/freeotp-ios.png" width="128" height="128" alt="">
                <p>iPhone手机下载</p>
            </div>
            <p class="text-bold" style="margin-bottom: 3px; margin-top: 20px; color: #000">安装完成后点击下一步进入绑定页面（如已安装，直接进入下一步）</p>
            <p class="text-warning" style="font-size: 12px">如果您有其它的MFA应用，例如阿里云，可以直接使用</p>
            <button class="btn btn-primary btn-sm " style="width: 215px">下一步</button>
        </form>
    </div>
{% endblock %}

{% block buttom_js %}
    <!--bees-->
    <script src="{{ url_for('static', filename='js/bees.js') }}"></script>

    <script type="text/javascript">

        $(function () {
            $('form[name="verifyForm"]').on('submit', function () {
                window.location.href = '{{ url_for("users.user-otp-enable-bind") }}';
                return false;
            })
        })

    </script>

{% endblock %}